<template>
    <div class="all">
        <div class="all1">
            <h3>品质套餐</h3>
            <div>搭配齐全吃的好</div>
            <div>立即抢购 ></div>
        </div>
        <div class='all2'>
            <img src="https://fuss10.elemecdn.com/e/ee/df43e7e53f6e1346c3fda0609f1d3png.png?imageMogr/thumbnail/!282x188r/gravity/Center/crop/282x188/" data-spm-anchor-id="a2ogi.12117543.0.i1">
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
.all{
    display: flex;
    background-color: beige;
    margin: 8px;
}
.all1{
    width: 60vw;
    padding-left: 6px;
}
.all1 div{
    font-size: 12px;
}
.all1 div:nth-child(3){
    color: #af8260;
}

.all2 {
    width: 40vw;
}
.all2 img{
    width: 100%;
    margin: auto 0;
}
</style>

